import React from 'react';
export default class Changjing extends React.Component{
  constructor(props){
    super();
    this.state={
      color:props.color,
      id:props.id
    }
  }
  componentWillReceiveProps(props){
    this.setState({
      color:props.color,
      id:props.id
    });
  }
  render(){
    return(
        <svg className="Menu_SVG" fill= {this.state.color} id={this.state.id} xmlns="http://www.w3.org/2000/svg" width="15.692" height="15.693" viewBox="0 0 15.692 15.693">
        <path id="changjing" d="M134.178,121.8h7.433a2.479,2.479,0,0,1,2.478,2.478v7.433a2.479,2.479,0,0,1-2.478,2.478h-7.433a2.479,2.479,0,0,1-2.478-2.478v-7.433A2.48,2.48,0,0,1,134.178,121.8Zm-.825,4.123v5.786a.825.825,0,0,0,.825.825h7.433a.825.825,0,0,0,.825-.825v-5.792Zm.825-.819a.825.825,0,1,0-.825-.825A.826.826,0,0,0,134.178,125.107Zm11,4.111c.367-.008.557-.244.557-.807v-7.433a.825.825,0,0,0-.825-.825H137.48a.826.826,0,0,0-.825.825v.329H135v-.329a2.479,2.479,0,0,1,2.478-2.478h7.433a2.479,2.479,0,0,1,2.478,2.478v7.433a2.242,2.242,0,0,1-2.176,2.46Z" transform="translate(-131.7 -118.5)"/>
      </svg>
    );
  }
}